<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h2>for循环基础语法</h2>

    <p>for (初始化表达式; 条件; 迭代因子)</p>
    <p>初始化表达式：开始时执行一次</p>
    <p>条件：每次开始执行时（第一次也检查）先检查是否满足条件，满足则继续循环，否则终止</p>
    <p>迭代因子：每次执行依次循环后执行一次</p>

    <img src="../static/imgs/image copy 2.png" alt="" width="40%">

    <p>其中，3个表达式可以缺少任何一个，也可以全部缺少，此时为死循环</p>

    <img src="../static/imgs/image copy 3.png" alt="" width="40%">

    <h3>案例：打印九九乘法表</h3>

    <script>
        console.log("**练习开始**");

        console.log("展示第一次循环时条件也会检查");

        for (var a = 1; a > 1; a--) {
            console.log(a);
        }

        console.log("****************");

        for (var a = 5; a > 1; a--) {
            console.log(a);
        }

        console.log("打印九九乘法表");

        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                document.write(j + "×" + i + "=" + i * j);
                document.write(" ");
            }
            document.write("<br>")
        }

        console.log("**练习结束**");


    </script>
</body>

</html>